<template>
	<view class="iframe-content">
		<!-- <iframe src="http://www.bestxinrui.com/APPhuihui/huihuiPrivacy/birthday.html?UserName=`${userVo.nickName}`&UserHead=http://cdnpic.bestxinrui.com/group1/M00/1D/A3/rBEG02JpOdqAeUNEAACC8Cmgj9Y229.jpg&vipType=2"></iframe> -->
	   <iframe :src="get()"></iframe>
	</view>
</template>
<script setup lang="ts">
import type {IUserVo } from '@/logic/globInterface/dataInterface';
import {reactive,ref} from 'vue'
interface Props{
	userVo:IUserVo
}
const get=()=>{
    // return userVo.nickName
    let beforeUrl = 'http://www.bestxinrui.com/APPhuihui/huihuiPrivacy/birthday.html?UserName='
    let afterUrl = '&UserHead=http://cdnpic.bestxinrui.com/group1/M00/1D/A3/rBEG02JpOdqAeUNEAACC8Cmgj9Y229.jpg&vipType='
    let vipType:any=ref('')
		if(userVo.vColor.includes('3')){
			vipType.value=1
			console.log('4444',vipType)
		}else if(userVo.vColor.includes('4')){
			vipType.value=2
		}
    let nickName = userVo.nickName
  console.log('vipType',vipType)
    return beforeUrl+nickName+afterUrl+vipType.value
  
}
const props=defineProps<Props>();
const userVo=reactive(props.userVo)
console.log('dddddd',userVo)
</script>

<style>
</style>